﻿html, body
{
    background-color: #5f5f5f;
}
#bodyTop
{
    background-color: #191919;
}
#banner
{
    background: url("../Images/body_bg.jpg") no-repeat scroll center top transparent;
    height: 125px;
    margin: auto;
    width: 950px;
}
#logo
{
    color: WHITE;
    float: left;
    font-family: Trebuchet MS;
    font-size: 22px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 60px;
    width: 400px;
    font-style: italic;
}
#menu
{
    float: right;
    margin-top: 94px;
    width: 500px;
}
.menuCon
{
    background-color: black;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-family: "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 110px;
    text-decoration: none;
}
.menuCon:hover, .menuConSelected
{
    border-bottom: 2px #FF9C08 solid;
}
#mainbg
{
    font-family: "Arial" , "Helvetica" , "Verdana" , "sans-serif";
    font-size: 10px;
    margin: 0;
    min-height: 100%;
    padding: 0 0 20px;
    background: url("../images/sideBg.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #5f5f5f;
}
#contentTop
{
    background: url("../images/contentTop.jpg") repeat-x scroll 0 0 transparent;
    font-size: 1px;
    height: 13px;
    width: 952px;
    margin: auto;
}
#content
{
    background-color: white;
    min-height: 600px;
    height: auto;
    width: 952px;
    margin: auto;
    padding-bottom: 20px;
}
#contentNav
{
    border-right: 1px solid #EEEEEE;
    float: left;
    width: 180px;
    margin-left: 20px;
}
.navTitle
{
    border-bottom: 1px solid #F4F4F4;
    color: #E87B10;
    font: 1.3em "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
    margin-top: 20px;
    width: 156px;
    height: 26px;
    line-height: 26px;
    font-size: 22px;
}

.ctrList
{
    display: block;
    height: 20px;
    line-height: 20px;
    color: #555555;
    width: 156px;
    cursor: pointer;
    border-bottom: 1px solid #F4F4F4;
}
.ctrList dt
{
    font-size: 14px;
    border-bottom: 1px solid #F4F4F4;
    margin-top: 5px;
}
.ctrList dd
{
    font-size: 12px;
    border-bottom: 1px solid #F4F4F4;
    text-indent: 10px;
}
.ctrList dd a
{
    color: #555;
}
.ctrList dd a:hover
{
    color: #E87B10;
}
#contentBody
{
    float: left;
    width: 750px;
}
#footer
{
    background: url("../images/footer_bg.png") no-repeat scroll left top transparent;
    height: 65px;
    width: 956px;
    margin: auto;
}
#footerDesc
{
    color: White;
    float: right;
    font: 1.1em "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
    margin: 20px 15px 0 0;
}


.controlHeader
{
    border-bottom: 1px solid #EEEEEE;
    font-size: 24px;
    margin: 20px;
    padding-bottom: 6px;
    font-family: "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
}
.controlDemo
{
    padding-left: 20px;
    margin-top: 40px;
    font-size:12px;
}
.controlDemo span
{
    border-bottom: 1px dashed #aaa;
    display: block;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-right: 22px;
}
.controlDemo ol
{
    font-size: 12px;
    padding-left: 32px;
}
.controlDemo ol li
{
    color: #555;
    padding: 3px 0px;
}
.controlDemo a
{
    font-size:12px;
}
